Улучшить эту документацию Просмотреть исходный код input[time]

input в модуле ng

Обзор

Поле ввода с проверкой и преобразованием времени. В браузерах, которые еще не поддерживают HTML5-элемент ввода времени, используется текстовый элемент. В этом случае текст должен быть введен в корректном формате локального времени ISO-8601 (ЧЧ:мм:сс), например: 14:57:00. Модель должна быть объектом Date. Это привязка всегда выводит объект Date к модели 1 января 1970 года или локальной дате new Date(1970, 0, 1, HH, mm, ss).

Модель всегда должна быть объектом Date, в противном случае AngularJS выведет ошибку. Некорректные Date объекты (даты, у которых getTime() равно NaN) будут отображаться как пустая строка.

Часовой пояс, используемый для чтения/записи экземпляра Date в модели, может быть определен с помощью ngModelOptions. По умолчанию используется часовой пояс браузера.

Формат отображаемого времени можно настроить с помощью ngModelOptions timeSecondsFormat и timeStripZeroSeconds.

Информация о директиве

Эта директива выполняется на приоритетном уровне 0.

Использование

<input type="time"
       ng-model="string"
       [name="string"]
       [min="string"]
       [max="string"]
       [ng-min=""]
       [ng-max=""]
       [required="string"]
       [ng-required="string"]
       [ng-change="string"]>

Аргументы

Параметр	Тип	Подробности
ngModel	`string`	Присваиваемое выражение AngularJS для привязки к данным.
name (необязательно)	`string`	Имя свойства формы, в котором публикуется элемент управления.
min (необязательно)	`string`	Устанавливает ключ ошибки валидации `min`, если введенное значение меньше `min`. Должен быть корректным форматом времени ISO (ЧЧ:мм:сс). Можно также использовать интерполяцию внутри этого атрибута (например, `min="{{minTime \| date:'HH:mm:ss'}}"`). Обратите внимание, что `min` также добавит нативное ограничение валидации HTML5.
max (необязательно)	`string`	Устанавливает ключ ошибки валидации `max`, если введенное значение больше `max`. Должен быть корректным форматом времени ISO (ЧЧ:мм:сс). Можно также использовать интерполяцию внутри этого атрибута (например, `max="{{maxTime \| date:'HH:mm:ss'}}"`). Обратите внимание, что `max` также добавит нативное ограничение валидации HTML5.
ngMin (необязательно)	`datestring`	Устанавливает ограничение валидации `min` до строки даты/времени ISO, к которой приводит выражение `ngMin`. Обратите внимание, что это не устанавливает атрибут `min`.
ngMax (необязательно)	`datestring`	Устанавливает ограничение валидации `max` до строки даты/времени ISO, к которой приводит выражение `ngMax`. Обратите внимание, что это не устанавливает атрибут `max`.
required (необязательно)	`string`	Устанавливает ключ ошибки валидации `required`, если значение не введено.
ngRequired (необязательно)	`string`	Добавляет атрибут `required` и ограничение валидации `required` к элементу, когда выражение ngRequired принимает значение true. Используйте `ngRequired` вместо `required`, когда нужно привязать данные к атрибуту `required`.
ngChange (необязательно)	`string`	Выражение AngularJS, которое выполняется при изменении ввода из-за взаимодействия пользователя с элементом ввода.

Пример

© 2010–2020 Google, Inc.
Licensed under the Creative Commons Attribution License 3.0.
https://code.angularjs.org/1.8.2/docs/api/ng/input/input%5Btime%5D